<!doctype html>

<html lang="en-US">
<head>
<meta charset="UTF-8" />
<title>Sakura Blog</title>
<link href="view/style.css" rel="stylesheet" type="text/css">
<!--[if IE]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<!--[if IE 6]>
	<script src="js/belatedPNG.js"></script>
	<script>
		DD_belatedPNG.fix('*');
	</script>
	<![endif]-->
<script src="js/jquery-1.4.min.js" type="text/javascript" charset="utf-8"></script>
<script src="js/loopedslider.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript" charset="utf-8">
	$(function(){
		$('#slider').loopedSlider({
			autoStart: 6000,
			restart: 5000
		});
		
	});
</script> 
</head>

<body>
<div id="bodywrap">
<section id="pagetop">
    <p id="siteinfo">
        welcome!
    </p>
    <nav id="sitenav">
        <ul>
            <li><a href="index.html">Home</a></li>
            <li class="current"><a href="about.html">About Me</a></li>
            <li><a href="contact.html">Contact</a></li>
            <li ><a href="userLogin.html">login/register</a></li>
        </ul>

    </nav>
</section>
<header id="pageheader">
    <h1>Sakura<span>blog</span></h1>
    <div id="search">
    <form action="#">
    <div class="searchfield">
        <input type="text" name="search" id="s">
    </div>
    <div class="searchbtn">
        <input type="image" src="images/searchbtn.png" alt="search">
    </div>
</form>
</div>
</header>
<section id="normalheader" style="width: 100%;background:none;">
    <img style="width: 100%;height: 100%;"src="../images/normalheader2.jpg"></img>
</section>
<div style="width: 100%">
    <h2 class="mainheading" > About Me</h2>
    <article class="post" id="about_text"></article>

</div>

</div>
<footer id="pagefooter">
<div id="footerwrap">
<div class="copyright">
2010 &copy; Your Copyright Sakura
</div>
</div>
</footer>
<script src="js/model.js"></script>
<script src="js/view.js"></script>
<script src="js/controller.js"></script>
<script>
    $(function() {
        mvc.controller.getAboutMe();
    });
</script>
</body>
</html>
